﻿* {
	margin:0;
	padding:0;
}

body {
    background: #F0F0F0;        
    font: normal 75%/1.3em Arial, Helvetica, sans-serif;
}

.clear-both {
	clear:both;
}

#userGreeting
{
    float: right;  
    margin: 6px; 
}

#userGreeting p
{
    color: #ffffff;
    font: normal 8pt/1.3em Verdana, Helv, Sans-Serif;
}

#title
{
    float: left;
}

#title h1
{
    text-indent: -3000px;
    background: transparent url(images/taskr-logo.png) no-repeat 4px 4px;
    width: 195px;
    height: 63px;
}

#mainmenu
{
    margin: 6px;
    float: left;
}
#mainmenu ul
{
padding-top: 20px;
}

#mainmenu ul li
{
list-style: none;
display: inline;
margin: 8px;
font: normal 1.4em Arial, Sans-Serif;
}

#mainmenu ul li a
{
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

#header {
	background:#666 url(images/header-bg.jpg) repeat-x;	
	height:62px;	
}


/* @group Task */

div.task
{   
    border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    
    overflow: hidden;
    margin: 1em;
    background-color: #fff;
    padding-bottom: 0px;
    box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    -moz-box-shadow: 2px 2px 2px #888;         
}

div.task:hover
{
    background-color: #ECECEC;
}

.task-top
{
    margin: 8px 4px;
}

.task-top .main, .task-top-condensed .main
{
    margin-top: 10px;
}

.main .summary
{
    font-weight: bold;
    font-size: 1.8em;
}

.main .description
{
    margin-top: 4px;
    color: #444;
    font-size: 1em;
}

.task-top .metadata
{
    width: 140px;
    border-left: 1px solid #ECECEC;    
}

.task-top-condensed metadata
{    
    border-left: 1px solid #ECECEC; 
    margin-top: 12px;   
}

.task-top .actions, .task-top-condensed .actions
{
    width: 40px;
    margin: 2px;    
}

.task-top .right, .task-top-condensed .right
{
    float: right;
}

.task-top .left, .task-top-condensed .left
{
    float: left;
}

.metadata p, .metadata span
{
    margin: 4px 6px;
    height: 18px;
    padding: 2px 0 2px 0;
    padding-left: 19px;    
}

.metadata .assignee
{
    background: transparent url(images/user.png) no-repeat left center;
}

.metadata .duedate
{       
    font-size: 1.3em;
}

.metadata .status
{   
    background: transparent url(images/folder.png) no-repeat left center;
}

/* @endgroup */

/* Loading indicator */
.loading
{
    color: #4E84C0;
    font-size: 1.3em;    
    width: 100px;
    padding: 6px;    
    padding-left: 26px;
    text-align: center;
    margin: auto;
    background: #ffffff url(images/ajax-loader.gif) no-repeat 3px center;
}

/* Error indicator */
.error
{
    color: red;
    background: #ffffff;
    border: 1px solid red;    
    padding: 6px;        
}

.body-wrapper {
	float:left;
	width:100%;
}

.body-column {
  margin-left:245px;
}

.main-body-inner {
  padding:15px;
}

.viewSelector
{
    position:absolute;
	top:4px;
	right:3px;
}

/* Content Blocks */
.content-block {
	margin-bottom:20px;
}

.content-block .content-block-header {
    background:url(images/content-block-bg.jpg) repeat-x;
	position:relative;
}

.content-block .content-block-header .content-block-header-left {
    background:url(images/content-block-left-bg.jpg) no-repeat;
	float:left;
	height:38px;
	width:5px;
}

.content-block .content-block-header .content-block-header-right {
    background:url(images/content-block-right-bg.jpg) no-repeat;
	float:right;
	height:38px;
	width:5px;
}

.content-block .content-block-header h3 {
    float:left;
	font-size:1.6em;
	letter-spacing:-1px;
	padding: 9px 0 0 5px;
	color: #FFF;
}

.content-block .block-panel {
	background:#FFF;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding: 10px;
}

.content-block .content-block-footer {
    font-size:0;
    background:#FFF url(images/content-block-bottom-bg.gif) bottom repeat-x;
}

.content-block .content-block-footer .content-block-footer-left {
    background:url(images/content-block-bottom-left-bg.gif) no-repeat;
	width:5px;
	height:5px;
	font-size:0;
	float:left;
}

.content-block .content-block-footer .content-block-footer-right {
    background:url(images/content-block-bottom-right-bg.gif) no-repeat;
	width:5px;
	height:5px;
	font-size:0;
	float:right;
}

/* LEFT COLUMN */

.left-column {
	float:left;
	width:245px;
	margin-left:-100%;
}

.left-column-inner {
	background:#E2E2E2 url(images/left-column-shadow-bg.jpg) right repeat-y;
	padding:20px 25px 20px 20px;
}

.customLogo
{
    margin: 4px;
    height: 55px;    
    background-repeat: no-repeat;
}

/* Forms */

.standard-form {
  padding:10px;
}

.standard-form fieldset {
  border:0;
}

.standard-form fieldset legend {
  display:none;
}

.standard-form .field {
  margin-bottom:18px;
}

.standard-form .field label {
    display:block;	
	font-weight:bold;
	padding-bottom:4px;
	color:#333;
}

.standard-form .field input.textbox {
    width:97%;
	padding:7px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #999;
}

.standard-form .field .textarea {
  width:97%;
	height:140px;
	padding:7px;	
	color:#333;
	border:1px solid #999;
}

.standard-form .field p.help {
    font-size:.9em;
	padding-top:4px;
	color:#999;
	clear:both;
}

#taskForm
{
    width: 600px;
}

.standard-form-left {
    float:left;
	width:47%;
}

.standard-form-right {
    float:right;
	width:47%;
}

a.deleteTaskTrigger
{
    display: block;
    width: 20px;
    height: 20px;
    background: url(images/delete.png) no-repeat center center;
    cursor: pointer;    
}

a.toggleCompletionTrigger
{
    display: block;    
    width: 36px;
    height: 36px;    
    cursor: pointer;    
}

a.toggleCompletionTrigger-complete {
    background: url(images/checkbox.png) no-repeat center center;
}

a.toggleCompletionTrigger-open {
    background: url(images/checkbox_unchecked.png) no-repeat center center;
}

button 
{
	background:url(images/standard-form-button-bg.jpg) no-repeat;
	border:0;
	font-size:0.7em;
	color:#FFF;
	width:133px;
	height:30px;
	cursor:pointer;    
}

.toggleActivityTrigger
{
    margin: 6px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 2px;
    border: 1px solid #ECECEC;       
    font: normal 1em/1.3em Verdana, Helv, Sans-Serif;
}

.activityPost 
{
    padding: 3px 0;
    margin: 3px 20px;
    border-bottom: 1px solid #CCC;    
    font: normal 8pt/1.3em Verdana, Helv, Sans-Serif;
}